import React from "react";
import url1 from "../../assets/images/icon/common resource/hdpi/common_tab_home_n.png";
import url1Active from "../../assets/images/icon/common resource/hdpi/common_tab_home_s.png";
import url2 from "../../assets/images/icon/common resource/hdpi/common_tab_video_n.png";
import url33 from '../../assets/images/icon/common resource/hdpi/common_tab_circle_n.png'
import url3 from "../../assets/images/icon/common resource/hdpi/common_tab_circle_s.png";
import style from "./style.module.scss";
import { useLocation, useNavigate } from "react-router-dom";
export const MypatientCieclefooter: React.FC = () => {
  const navigate = useNavigate();
  const { pathname } = useLocation()

  return (
    <div className={style.myfooter}>
      <div>
        <img
          src={pathname === '/home' ? url1Active : url1}
          alt=""
          className={style.myleft}
          onClick={() => {
            navigate("/home");
          }}
        />
        <img
          src={url2}
          alt=""
          className={style.myrigth}
          onClick={() => {
            navigate("/vedio");
          }}
        />
      </div>
      <img
        src={pathname === '/patient/circle' ? url3 :url33}
        alt=""
        className={style.mymiddle}
        onClick={() => {
          if(pathname === '/patient/circle') {
            navigate("/patient/circle/write");
          } else {
            navigate("/patient/circle");
          }
         
        }}
      />
    </div>
  );
};
